<template>
  <div id="app">
    <transition >
      <keep-alive>
        <router-view class='child-view'></router-view>
      </keep-alive>
    </transition>
  </div>
</template>
<script>
  export default {
    data() {
        return  {};
    },
    beforeRouteUpdate (to, from, next) {

    }
  }
</script>
<style lang='stylus'>
  #app {
    position: relative;
    width: 100%;
    height: 100%;
    background: #f8f8f8;
    overflow: hidden;
    .child-view {
      transition: all .3s ease;
    }
  }
</style>
